<template>
  <div :style="showData.style" style="width: 100%; height: 100%">
    <div class="x6-html-node icon_txt" :class="nodeStatus" @click="click">
      <div>{{ showData.alias }}</div>
    </div>
  </div>
</template>

<script>
import nodeIconMixin from '../../../mixins/nodeIcon.js';
export default {
  // eslint-disable-next-line vue/no-reserved-component-names
  name: 'Text',
  mixins: [nodeIconMixin]
};
</script>
<style lang="less" scoped>
.x6-html-node.icon_txt {
  text-align: left;
  height: 100%;
  > div {
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 2px 4px;
    word-break: break-all;
  }
}
</style>
